<template>
     <div class="mui-content mui-scroll-wrapper" >
         <div class="mui-scroll">
            <div class="oftenQuestion">
                <ul class="mui-table-view"> 
                    <li class="mui-table-view-cell mui-collapse" v-for="(v,i) in problems">
                        <a class="mui-navigate-right" href="#" style="font-size:14px;">{{i+1}}.{{v.prob}}</a>
                        <div class="mui-collapse-content">
                            <p style="font-size:13px;color:#666666;">{{v.answ}}</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="service" style="text-align:center;color:#666666;font-size:14px;margin-top:13px;" @tap="goChat">
                有疑问? <span style="color:#FF6A27;">请联系在线客服>></span>
            </div>
        </div>
    </div>
</template>

<script>
    import mui from 'static/js/mui'
    import CrossItem from '@/components/base/cross-item/cross-item'
    export default {
        components: {
            CrossItem
        },
        data() {return {
          problems:[
            {
              prob:'付完定金多久交尾款呢？',
              answ:'您好，您支付完定金以后，我们车务会尽快进行车辆采购，采购周期大概为7-15天，车辆到达车城，我们会有专员联系您，通知您前来支付尾款，办理验车及相关手续'
            },
            {
              prob:'缴纳尾款需要带齐哪些材料？',
              answ:'您好，您只需携带您本人身份证原件（居住证原件）、银行卡、收据（包括299元竞价金数据、1000元资源锁定金收据、定金收据）即可'
            },
            {
              prob:'多久可以提车呢?',
              answ:'您好，所有购车及相关业务办理完毕，我们会有专人通知您前来车城办理交车手续'
            },
          ]
        }},
        methods:{
            goChat(){
                this.$router.push({
                    name: "chat",
                })
            },
        },
        mounted(){
            mui.init()
            //竖向滚动
            scroll =mui('.mui-scroll-wrapper').scroll({
                scrollY: true, //是否竖向滚动
                scrollX: false, //是否横向滚动
                startX: 0, //初始化时滚动至x
                startY: 0, //初始化时滚动至y
                indicators: true, //是否显示滚动条
                deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
                bounce:true //是否启用回弹
            });
        }
    }
</script>

<style lang="scss" scoped>
    .oftenQuestion{
        background:#fff;font-size:14px;
    }
    .cross-item {
    overflow:hidden;
    color: #333;
    height:50px;
    line-height:50px;
    background: #fff;
    border-bottom: 1px solid #F8F8F8;
    /* margin: 0 10px 0 10px;  */
    padding: 0 12px;
    .ico {
        display: inline-block;
        width: 30px;
        i {
        font-size: 20px;
        color: #fe970f;
        }
    }
    .name {
        font-size:0.7rem;
    }
    }
    .mui-bar-nav ~ .mui-content {
        padding-top:0px;
    }
 
</style>